<template>
  <div class="hello">
    <Navigation message="index!"><a v-if="ok">{{solt}}</a></Navigation>
    <div id="ig">
      <img src="@/assets/logo.png" />
    </div>
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <img src="@/assets/logo.png" />
    <div v-for="i in 10" v-bind:key="i">
      <img src="@/assets/logo.png" />
    </div>
  </div>
</template>

<script>
import Navigation from '@/components/portals/Navigation'

export default {
  name: 'Index',
  data () {
    return {
      msg: '',
      'solt': 'haha',
      'ok':true
    }
  },
  methods:{
  },
  components: { Navigation }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
#ig {
  text-align:center
}
</style>
